<template>
  <a-drawer v-model:visible="visible" title="商品详情" :width="width >= 580 ? 580 : '100%'" :footer="false">
    <a-descriptions :column="2" size="large" class="general-description">
      <a-descriptions-item label="商品id">{{ dataDetail?.id }}</a-descriptions-item>
      <a-descriptions-item label="商户Id(0为总后台管理员创建,不为0的时候是商户后台创建)">{{ dataDetail?.merId }}</a-descriptions-item>
      <a-descriptions-item label="商品图片">{{ dataDetail?.image }}</a-descriptions-item>
      <a-descriptions-item label="轮播图">{{ dataDetail?.sliderImage }}</a-descriptions-item>
      <a-descriptions-item label="商品名称">{{ dataDetail?.storeName }}</a-descriptions-item>
      <a-descriptions-item label="商品简介">{{ dataDetail?.storeInfo }}</a-descriptions-item>
      <a-descriptions-item label="关键字">{{ dataDetail?.keyword }}</a-descriptions-item>
      <a-descriptions-item label="商品条码（一维码）">{{ dataDetail?.barCode }}</a-descriptions-item>
      <a-descriptions-item label="分类id">{{ dataDetail?.cateId }}</a-descriptions-item>
      <a-descriptions-item label="商品价格">{{ dataDetail?.price }}</a-descriptions-item>
      <a-descriptions-item label="会员价格">{{ dataDetail?.vipPrice }}</a-descriptions-item>
      <a-descriptions-item label="市场价">{{ dataDetail?.otPrice }}</a-descriptions-item>
      <a-descriptions-item label="邮费">{{ dataDetail?.postage }}</a-descriptions-item>
      <a-descriptions-item label="单位名">{{ dataDetail?.unitName }}</a-descriptions-item>
      <a-descriptions-item label="排序">{{ dataDetail?.sort }}</a-descriptions-item>
      <a-descriptions-item label="销量">{{ dataDetail?.sales }}</a-descriptions-item>
      <a-descriptions-item label="库存">{{ dataDetail?.stock }}</a-descriptions-item>
      <a-descriptions-item label="状态（0：未上架，1：上架）">{{ dataDetail?.isShow }}</a-descriptions-item>
      <a-descriptions-item label="是否热卖">{{ dataDetail?.isHot }}</a-descriptions-item>
      <a-descriptions-item label="是否优惠">{{ dataDetail?.isBenefit }}</a-descriptions-item>
      <a-descriptions-item label="是否精品">{{ dataDetail?.isBest }}</a-descriptions-item>
      <a-descriptions-item label="是否新品">{{ dataDetail?.isNew }}</a-descriptions-item>
      <a-descriptions-item label="添加时间">{{ dataDetail?.addTime }}</a-descriptions-item>
      <a-descriptions-item label="是否包邮">{{ dataDetail?.isPostage }}</a-descriptions-item>
      <a-descriptions-item label="是否删除">{{ dataDetail?.isDel }}</a-descriptions-item>
      <a-descriptions-item label="商户是否代理 0不可代理1可代理">{{ dataDetail?.merUse }}</a-descriptions-item>
      <a-descriptions-item label="获得积分">{{ dataDetail?.giveIntegral }}</a-descriptions-item>
      <a-descriptions-item label="成本价">{{ dataDetail?.cost }}</a-descriptions-item>
      <a-descriptions-item label="秒杀状态 0 未开启 1已开启">{{ dataDetail?.isSeckill }}</a-descriptions-item>
      <a-descriptions-item label="砍价状态 0未开启 1开启">{{ dataDetail?.isBargain }}</a-descriptions-item>
      <a-descriptions-item label="是否优品推荐">{{ dataDetail?.isGood }}</a-descriptions-item>
      <a-descriptions-item label="是否单独分佣">{{ dataDetail?.isSub }}</a-descriptions-item>
      <a-descriptions-item label="虚拟销量">{{ dataDetail?.ficti }}</a-descriptions-item>
      <a-descriptions-item label="浏览量">{{ dataDetail?.browse }}</a-descriptions-item>
      <a-descriptions-item label="商品二维码地址(用户小程序海报)">{{ dataDetail?.codePath }}</a-descriptions-item>
      <a-descriptions-item label="淘宝京东1688类型">{{ dataDetail?.soureLink }}</a-descriptions-item>
      <a-descriptions-item label="主图视频链接">{{ dataDetail?.videoLink }}</a-descriptions-item>
      <a-descriptions-item label="运费模板ID">{{ dataDetail?.tempId }}</a-descriptions-item>
      <a-descriptions-item label="规格 0单 1多">{{ dataDetail?.specType }}</a-descriptions-item>
      <a-descriptions-item label="活动显示排序0=默认, 1=秒杀，2=砍价，3=拼团">{{ dataDetail?.activity }}</a-descriptions-item>
      <a-descriptions-item label="展示图">{{ dataDetail?.flatPattern }}</a-descriptions-item>
      <a-descriptions-item label="是否回收站">{{ dataDetail?.isRecycle }}</a-descriptions-item>
      <a-descriptions-item label="修改人">{{ dataDetail?.updateUser }}</a-descriptions-item>
      <a-descriptions-item label="修改人">{{ dataDetail?.updateUserString }}</a-descriptions-item>
      <a-descriptions-item label="创建人">{{ dataDetail?.createUser }}</a-descriptions-item>
      <a-descriptions-item label="创建人">{{ dataDetail?.createUserString }}</a-descriptions-item>
      <a-descriptions-item label="创建时间">{{ dataDetail?.createTime }}</a-descriptions-item>
      <a-descriptions-item label="">{{ dataDetail?.updateTime }}</a-descriptions-item>
    </a-descriptions>
  </a-drawer>
</template>

<script lang="ts" setup>
import { useWindowSize } from '@vueuse/core'
import { type StoreProductDetailResp, getStoreProduct } from '@/apis'

const { width } = useWindowSize()

const visible = ref(false)
const dataId = ref('')
const dataDetail = ref<StoreProductDetailResp>()
// 查询详情
const getDataDetail = async () => {
  const res = await getStoreProduct(dataId.value)
  dataDetail.value = res.data
}

// 打开详情
const onDetail = async (id: string) => {
  dataId.value = id
  await getDataDetail()
  visible.value = true
}

defineExpose({ onDetail })
</script>

<style lang="scss" scoped></style>
